<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="CSS/css.css" />
	<script type="text/javascript" src="JS/js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
</head>

<body >
<div id="container">
  <div id="Header">
  <img src="images/img.png" alt="Hut" style="float:left;" />
  <ul class="HeaderUl" >
    <li><a href="index.html" target="_self">&nbsp; Home&nbsp; </a></li>
    <li><a href="createStoreControler.php?action=stores" id="stores" target="_self"> &nbsp;Stores &nbsp;</a></li>
    <li><a href="#" target="_self"> &nbsp;Advertisments&nbsp; </a></li>
    <li><a href="#" target="_self">&nbsp; Link &nbsp;</a></li>
    <li style="border-right-style:none;"><a href="#" target="_self"> &nbsp;Social &nbsp;</a></li>
    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Registration.html" target="_self"> Sing Up &nbsp;</a></li>
    <li style="border-right-style:none;" ><a href="#" target="_self">Log In</a></li>
  </ul>
  <!--<ul style="float:right;display:inline;" >
  <li ><a href="#" target="_self">Log In</a></li>
  </ul>-->
 <!-- End Header Div--> </div>
  <div id="Content">

  <!-- End Contant Div--></div>
  <div id="Sidebar">
  <p align="center" style="color:#CCC;"> Search</p>
  <div id="accordian">
	<ul>
		<li>
			<h3><span class="icon-dashboard"></span>Category</h3>
			<ul>
            <li><a>
			    <input type="checkbox" name="check2"  class="check" />Sheos</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />T-Shirt</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Cap</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Bullover</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Jeans</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Watch</a></li>
				
			</ul>
		</li>
		<!-- we will keep this LI open by default -->
		<li class="active">
			<h3><span class="icon-tasks"></span>Price</h3>
			<ul>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />
			    50 LE -> 100 LE</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />100 LE -> 150 LE</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />150 LE -> 200 LE</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />200 LE -> 250 LE</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />250 LE -> 300 LE</a></li>
			</ul>
		</li>
		<li>
			<h3><span class="icon-calendar"></span>Size</h3>
			<ul>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Small</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Medium</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Large</a></li>
				
			</ul>
		</li>
		<li>
			<h3><span class="icon-heart"></span>Color</h3>
			<ul>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Red</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Blue</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />Black</a></li>
				<li><a>
			    <input type="checkbox" name="check2"  class="check" />White</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Pink</a></li>
                <li><a>
			    <input type="checkbox" name="check2"  class="check" />Green</a></li>
			</ul>
		</li>
	</ul>
</div>

<!-- prefix free to deal with vendor prefixes -->
<script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js" type="text/javascript" type="text/javascript"></script>

<!-- jQuery -->
<script src="http://thecodeplayer.com/uploads/js/jquery-1.7.1.min.js" type="text/javascript"></script>
  <!--End SideBar Div--></div>
  <div id="clear"></div>
  
  <div id="Footer">
  <ul class="HeaderUl"  style="padding-top: 2px;">
    <li><a href="#" target="_self">&nbsp; Company&nbsp; </a></li>
    <li><a href="#" target="_self"> &nbsp;Policies &nbsp;</a></li>
    <li><a href="#" target="_self"> &nbsp;Services&nbsp; </a></li>
    <li><a href="#" target="_self">&nbsp; Stores &nbsp;</a></li>
    <li style="border-right-style:none;"><a href="#" target="_self"> &nbsp;Contact Us &nbsp;</a></li>

  </ul>
  <!-- End Footer Div--></div>
  
 
	



<!--End Container Div--></div>
</body>
</html>
